{#<div class="row">#}

{% for article in articles %}
    <div class="card ">
        <div class="card-img">
            <div class="img-item">
                <a class="shadow" href="/article/{{ article.id }}/">
                    <img id="card-img" src="{{ article.get_first_image }}" class="loaded"></a>
            </div>
        </div>
        <div class="card-detail">
            <div class="card-title">
                <a>{{ article.title }}</a>
            </div>
            <div class="card-mate">
                <a class="card-like">{{ article.auther.name }}</a>
                <a class="card-tag">{{ article.tag_text }}</a>
            </div>
        </div>
    </div>
{% endfor %}
{#</div>#}
